<template>
  <div class="main clearfix">
    <AddQuestionForm/>
    <div class="content-container">
      <el-divider content-position="center">待回复问题</el-divider>
      <ShowUnsolvedList/>
      <el-divider content-position="center">已回复问题</el-divider>
      <ShowResolveList/>
    </div>
  </div>
</template>

<script>
import AddQuestionForm from "@/components/farmer/AddQuestionForm";
import ShowUnsolvedList from "@/components/farmer/ShowUnsolvedList";
import ShowResolveList from "@/components/farmer/ShowResolveList";

export default {
  name: "Question",
  components:{
    ShowResolveList,
    ShowUnsolvedList,
    AddQuestionForm,
  },
}
</script>

<style scoped>
  .content-container{
    margin: 30px;
  }
</style>